---
layout: examples
title: Furatto - Examples::Dashboard
---

<div class="dashboard">
  <div class="row">
    <div class="col-4 primary">
      <div class="dashboard-container">
        <h1>You have: <br/ >12</h1>
        <h2>Messages</h2>
        <i class="fa fa-envelope icon-background"></i>
      </div>
    </div>
    <div class="col-4 danger">
      <div class="dashboard-container">
        <h1>Sun Feb 16, 2014</h1>
        <h2>18:07 pm</h2>
        <i class="fa fa-clock-o icon-background"></i>
      </div>
    </div>
    <div class="col-4 success">
      <div class="dashboard-container">
        <h1>You have: <br /> 23</h1>
        <h2>Files</h2>
        <i class="fa fa-file-o icon-background"></i>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-6 warning">
      <div class="dashboard-container">
        <h1>Mexico</h1>
        <h2>18 °C</h2>
        <i class="fa fa-cloud icon-background"></i>
      </div>
    </div>
    <div class="col-3 primary">
      <div class="dashboard-container">
        <h1>This is a tweet example</h1>
        <i class="fa fa-twitter icon-background"></i>
      </div>
    </div>
    <div class="col-3 danger">
      <div class="dashboard-container">
        <i class="fa fa-youtube icon-white icon-background"></i>
      </div>
    </div>
  </div>
    <div class="row">
    <div class="col-4 primary">
      <div class="dashboard-container">
        <h2>Settings</h2>
        <i class="fa fa-cog icon-background"></i>
      </div>
    </div>
    <div class="col-4 success">
      <div class="dashboard-container">
        <h2>Map</h2>
        <i class="fa fa-map-marker icon-background"></i>
      </div>
    </div>
    <div class="col-4 warning">
      <div class="dashboard-container">
        <h2>Games</h2>
        <i class="fa fa-gamepad icon-background"></i>
      </div>
    </div>
  </div>
</div>
